import Vue from 'vue';
import Vuex from 'vuex';
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex);

// 创建仓库
const store = new Vuex.Store({
    state: {
        token: "",
        // Login的id
        userId:"",
        // 个人中心的resule
        myresule:"",
        //groupId
        groupId:"",
        // 个人中心的id
        storeCustId:"",
        // merchantId:"",
        storeId:"",
        // 分类
        fenleiresule:"",
        // 品牌
        pinpai:"",
        streetId:"",
    },
    mutations:{  
        set_token(state,token) {  
            state.token = token;
            localStorage.setItem("token",token)   
        },
        set_userid(state,userId) {  
            state.userId = userId   
        },
        // result
        set_myresule(state, myresule) {  
            state.myresule = myresule   
        },
        set_groupId(state,groupId) {  
            state.groupId = groupId    
        },
        // groupId
        set_storeCustId(state,storeCustId){
            state.storeCustId=storeCustId
        },
        // 分类
        set_fenleiresule(state,fenleiresule){
            state.fenleiresule=fenleiresule
        },
        // my
        set_merchantId(state,merchantId){
            state.merchantId=merchantId
        },
        set_storeId(state,storeId){
           state.storeId=storeId
        },
         // 品牌
         set_pinpai(state,pinpai){
            state.pinpai=pinpai
        },
        set_streetId(state,streetId){
            state.streetId=streetId
        },
        // 把vuex所有的数据清空；
          play(state){
              for(let item in state){
                  state[item] =''
              }
          },
    },
    // 这是解决页面刷新数据没有,相当于持久化的保存在本地存储;
    plugins: [createPersistedState({
        // 制定数据是用什么方式存储数据;
        storage: window.localStorage,
        // reducer(val) {
        //     return {
        //     // 只储存state中的user
        //     token: val.token
        //   }
    //    }
    })],
})
export default store;
